html, body {
    overflow: auto;
}

@media screen and (min-width:320px) and (max-width:359px) and (orientation:portrait) {
    html {
        font-size: 625%;
    }
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html {
        font-size: 703%;
    }
}

@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html {
        font-size: 732.4%;
    }
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html {
        font-size: 750%;
    }
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html {
        font-size: 781.25%;
    }
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
    html {
        font-size: 808.6%;
    }
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
    html {
        font-size: 843.75%;
    }
}

.publish_content {
    padding: 0 .15rem;
    overflow-y: scroll;
    color: #333333;
}

.img_group {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.publish_content img {
    width: 1.27rem;
    height: 2.925rem;
    margin-bottom: .15rem;
}

.publish_content h3 {
    font-size: .18rem;
    padding: .15rem 0 .225rem;
}

.publish_content p {
    font-size: .14rem;
    text-indent: 2em;
    word-break: break-all;
}

.publish_content p:first-of-type {
    margin-bottom: .2rem;
}

.publish_content p:last-of-type {
    margin-top: .35rem;
}
